<template>
  <div>
    <router-view></router-view>
  </div>

  <!-- <el-button type="primary" :icon="Edit">我是 ElButton</el-button>
  <el-button type="success" :icon="Share">我是 ElButton</el-button>
  <div class="demo-pagination-block">
    <el-pagination
      v-model:current-page="currentPage1"
      :page-size="100"
      :small="small"
      :disabled="disabled"
      :background="background"
      layout="total, prev, pager, next"
      :total="1000"
    />
  </div>
  <Test></Test>
  <p>svg测试</p>
  <svg-icon
    name="collapse"
    color="skyblue"
    width="100px"
    height="100px"
  ></svg-icon>
  <pagination></pagination> -->
</template>

<script setup lang="ts">
import { Edit, Share } from '@element-plus/icons-vue'
import Test from '@/components/Test.vue'
import { ref } from 'vue'
import request from '@/utils/request'
import { onMounted } from 'vue'
import { reqLogin } from '@/api/user'
onMounted(() => {
  reqLogin({ username: 'admin', password: '123456' })
})

const currentPage1 = ref(5)
const small = ref(false)
const background = ref(false)
const disabled = ref(false)
</script>
<style scoped lang="scss">
div {
  color: $color;
}
</style>
